Atualizado em 23/02/2026 14:58

GOOGLE TAG MANAGER > O que configurar e como?

O Google Tag Manager é um recurso que permite automatizar a criação de tags que são inseridas diretamente no código-fonte dos sites de maneira simplificada.

As tags são códigos próprios de acompanhamentos ou trechos de códigos (scripts) que auxiliam na execução de alguma atividade. Essas tags podem ser relacionadas aos serviços do próprio Google ou de terceiros.

Exemplos comuns são os provedores de suporte que precisam ser integrados no seu site.

Portanto, para entender o que é o Tag Manager basta pensar em um centralizador desses códigos.

Dessa forma, acompanhar métricas, rastrear a jornada do usuário e implementar pixels para suas campanhas de remarketing será muito mais simples.

Imagine que você quer monitorar:

Quantas pessoas visitam a sua loja
Quais produtos são mais vistos
Quem adiciona produtos ao carrinho
Quantas vendas foram feitas
De onde vêm os clientes (Instagram, Google, anúncios, etc.)

Normalmente, para medir tudo isso, seria preciso instalar vários códigos no site.
Com o Google Tag Manager, você faz isso apenas criando e organizando “tags” (pequenas configurações prontas), sem precisar programar.

Como funciona o Google Tag Manager?

O GTM funciona com três elementos principais:

1️⃣ Tags

São os códigos que queremos ativar (ex: rastreamento de cliques, envio de formulário, visualização de página).

2️⃣ Gatilhos (Triggers)

Definem quando a tag deve ser ativada.
Exemplo:

Ao carregar uma página
Ao clicar num botão
Ao enviar um formulário

3️⃣ Variáveis

Guardam informações usadas pelas tags e gatilhos (ex: URL da página, ID de botão, valor da compra).

O que são TAGS no GTM?

Tags são pequenos trechos de código usados para:

Monitorar visitas e comportamento (ex: Google Analytics)
Instalar pixels de anúncios (ex: Meta Pixel)
Medir conversões (ex: Google Ads)
Ativar ferramentas de chat, remarketing entre outros

🎯 Para que serve na prática?

Com o GTM podes:

Instalar o Google Analytics 4 sem mexer no código várias vezes
Configurar eventos personalizados (ex: clique em WhatsApp)
Medir conversões de campanhas
Centralizar todos os scripts de marketing num único painel
Reduzir dependência de programadores para alterações simples

🚀 Vantagens principais

✔ Implementação rápida
✔ Menos risco de erros no código
✔ Interface amigável
✔ Modo de pré-visualização (debug)
✔ Gestão centralizada de tags

Por que utilizar o Google Tag Manager?

Além de simplificar tarefas, quem utiliza o Google Tag Manager pode ter outros benefícios, como:

Implementação de tags com mais segurança: fazer qualquer modificação no código de um site tem seus riscos. No entanto, com o gerenciador de tags do Google você pode adicionar tags com mais segurança.
Mais autonomia: você não precisa ter conhecimento técnico e ainda pode gerenciar todas as suas tags em um único lugar, sem precisar editar código.
Definição de estratégia: você pode criar regras a partir dos acionadores e das variáveis.
Maior organização: com a possibilidade de criação de contêineres, você pode organizar suas ?coleções? ou conjuntos de tags, acionadores, variações e configurações de um site ou aplicativo.

Como faço para vincular a minha conta do Google Tag Manager ao Tutor?

Selecione o Módulo Loja e Portal >> menu Admin. dos Sites >> clique no botão Alterar de sua Loja Virtual >> na aba básico de sua Loja localize o campo Google Tag Manager e copie e cole o código de sua conta (GTM + a sequência numérica).

Após incluir o código de sua conta do Google Tag Manager Publicar a Loja

Como exemplo, vamos mostrar a configuração das tags do GA4 e do Facebook(META)

a) Variáveis

Vamos iniciar preparando as variáveis que vamos precisar

Segundo a Google:

Variáveis: são marcadores nomeados para um valor que será alterado, como um nome de produto, um preço ou uma data. Camada de dados: o Gerenciador de tags implementa uma camada de dados para reter valores temporariamente no cliente, para que eles possam ser usados por tags, acionadores e variáveis. Pode procurar mais informações no Google

Em nossas palavras, variáveis, são armazenamentos temporários ou definitivos de algum valor que você precisa usar em vários locais, como exemplo, o ID do facebook, ao invés de você digitar o número direto nas tags, você cria um variável e coloca este valor, caso um dia vc precisa alterar, apenas tem que alterar em um local, na variável.

a.1) DataLayer - ecommerce.value, vamos passar o valor da venda para o facebook, por isso precisamos dessa variável

Nome: TUTOR - DATALAYER - ecommerce.value

a.2) Facebook ID, para usarmos nas tags de facebook

Nome: TUTOR - FACEBOOK ID

b) Acionadores

Agora vamos criar os acionadores que vamos precisar nas tags

Segundo a google:

As tags são disparadas em resposta a eventos. No Gerenciador de tags do Google, um acionador analisa sua página da Web ou app para dispositivos móveis em busca de determinados tipos de evento, como envios de formulário, cliques no botão ou visualizações de página.

Em nossas palavras: São a condição para que uma tag seja disparada, como exemplo: Quero disparar a tag X quando a url da página conter: obrigado-compra, isso significa que quando entrar na página que tenha parte da url com o texto obrigado-compra, o tagmanager vai disparar a tag X.

a.1) Página de adicionar produto no carrinho

Nome: TUTOR - PAGINA - ADICIONAR

a.2) Página de obrigado pela compra com valor maior que zero

Nome: TUTOR - PAGINA - OBRIGADO - VALOR MAIOR QUE ZERO

a.3) Página de pagamento direto

Nome: TUTOR - PAGINA - PAG

a.4) Eventos do GA4

Nome: TUTOR - GA4 - TODOS EVENTOS

c) Tags

Agora sim vamos criar as tags

O que são tags: Uma tag é um pedaço de código adicionado ao seu site para enviar dados a terceiros, como o Google, Facebook. Uma tag também pode ser um código javascript que pode ser incorporado ao seu site.

Para usarmos o facebook pixel, precisaremos instalar o Facebook Pixel, para isso siga os passos:

1) Na escolha da tag, clique em "Descubra mais tipos de tag na Galeria..."